<div style="overflow-x: hidden;" xmlns="http://www.w3.org/1999/html">
    <div id="yhHiddenLevelMap"></div>
    <!--
    <div id="operatePanelButton" style="position: absolute;top: 20px;z-index: 1000;left: 70px;">
        <input type="button" style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;' value="文件上传" />
    </div>
    -->
    <div id="operatePanelButton" style="position: absolute;display: block;top: 100px;left: 15px;z-index: 1000;background-color: #FFFFFF;display:block;" >
        <p><img id="operatePanelButtonImg" style='cursor:pointer;width: 31px;height: 31px;' title="文件上传" src="/zdyhpg/static/app/images/file_upload.jpg"><br/><span style='border:0;cursor:pointer;' >文件<br/>上传</span></p>
    </div>
    <div id="operatePanel" style="position: absolute;width: 20%;top: 100px;z-index: 1000;background-color: #FFFFFF;left: 55px;display: none;">
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <input type="button" id="button-closeForm" style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;' value="关闭" />
            </div>
            <div class="form-group">
                <label for="provinceSelect" class="col-md-4 control-label"></span>省:</label>
                <div class="col-md-8">
                    <select class="form-control" id="provinceSelect" name="provinceSelect" >
                        <option value="" disabled selected style='display:none;'>请选择</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="citySelect" class="col-md-4 control-label"></span>市:</label>
                <div class="col-md-8">
                    <select class="form-control" id="citySelect" name="citySelect" >
                        <option value="" disabled selected style='display:none;'>请选择</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect" class="col-md-4 control-label"></span>区（县）:</label>
                <div class="col-md-8">
                    <select class="form-control" id="areaSelect" name="areaSelect" >
                        <option value="" disabled selected style='display:none;'>请选择</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal" style="margin-top: 20px;">
            <div class="form-group">
                <div class="col-md-4">
                    <input type="file" style="width: 70px;" id="button-selectfile" name="button-selectfile" multiple="multiple" accept=".shp,.dbf,.prj,.sbn,.sbx,.shp.xml,.shx" />
                </div>
                <div class="col-md-8">
                    <textarea rows="10" cols="20" class="form-control"  id="commentInfo" name="commentInfo" readonly/>
                </div>
            </div>
        </div>
        <input type="button" id="button-export" style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;' value="下载" />
        <input type="button" id="button-import" style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;' value="上传" />
    </div>
    <div id="hiddenLevelLayers" style="position: absolute;display: block;top: 180px;left: 15px;z-index: 1000;background-color: #FFFFFF;display:block;" >
        <p><img id="hiddenLevelsImg" style='cursor:pointer;' title="图层" src="/zdyhpg/static/app/images/tucengoff.png"><br/><span style='border:0;cursor:pointer;' >图层</span></p>
    </div>
    <div style="position:absolute;right: 15px;bottom: 15px;z-index: 1000;width: 490px;height: 40px;background-color: #FFFFFF;">
        <div style="position:absolute;width: 70px;height: 50%;right: 420px;top: 1px;background-color: #A87001;">
            <div style="top: 20px;position: absolute;left: 28px;">I0</div>
        </div>
        <div style="position:absolute;width: 70px;height: 50%;right: 340px;top: 1px;background-color: #DF9E66;">
            <div style="top: 20px;position: absolute;left: 28px;">I1</div>
        </div>
        <div style="position:absolute;width: 70px;height: 50%;right: 260px;top: 1px;background-color: #F6C568;">
            <div style="top: 20px;position: absolute;left: 28px;">II</div>
        </div>
        <div style="position:absolute;width: 70px;height: 50%;right: 180px;top: 1px;background-color: #FFEABD;">
            <div style="top: 20px;position: absolute;left: 28px;">III</div>
        </div>
        <div style="position:absolute;width: 70px;height: 50%;right: 100px;top: 1px;background-color: #FFFFBF;">
            <div style="top: 20px;position: absolute;left: 28px;">IV</div>
        </div>
        <div style="position:absolute;right: 40px;top: 1px;">
            <img src="/zdyhpg/static/app/images/marker-icon.png" style="width: 13px;height: 21px;">
            <div style="top: 20px;position: absolute;left: -35px;width: 80px;">收集钻孔位置</div>
        </div>
    </div>

    <div id="operatePanel2" style="position: absolute;width: 400px;top: 180px;z-index: 1000;background-color: #FFFFFF;left: 55px;display: none;">
        <div class="col-md-12 form-horizontal" style="margin-top: 20px;">
            <div class="form-group">
                <label for="provinceSelect2" class="col-md-4 control-label"></span>省:</label>
                <div class="col-md-8">
                    <select class="form-control" id="provinceSelect2" name="provinceSelect2" >
                        <option value="" disabled selected style='display:none;'>请选择</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="citySelect2" class="col-md-4 control-label"></span>市:</label>
                <div class="col-md-8">
                    <select class="form-control" id="citySelect2" name="citySelect2" >
                        <option value="" disabled selected style='display:none;'>请选择</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect2" class="col-md-4 control-label"></span>区（县）:</label>
                <div class="col-md-8">
                    <select class="form-control" id="areaSelect2" name="areaSelect2" >
                        <option value="" disabled selected style='display:none;'>请选择</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <div class="col-md-8">
                    <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal" style="margin-top: 10px;">
            <div class="form-group">
                <div class="col-md-12">
                    <div id="affiliatedFileNameGrid"></div>
                </div>
            </div>
        </div>
    </div>
</div>
